<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
    <link rel="icon" href="https://www.jd.com/favicon.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 首页导航 -->
    <div class="topnav">
        <div class="w">
            <div class="location">
                <a href="#">
                    <span>&#xe62f;</span> 山东
                </a>
                <div class="locationmeun">
                    <div class="list">
                        <div class="item"><a href="#">北京</a> </div>
                        <div class="item"><a href="#">上海</a> </div>
                        <div class="item"><a href="#">天津</a> </div>
                        <div class="item"><a href="#">重庆</a> </div>
                        <div class="item"><a href="#">河北</a> </div>
                        <div class="item"><a href="#">山西</a></div>
                        <div class="item"><a href="#">河南</a></div>
                        <div class="item"><a href="#">辽宁</a></div>
                        <div class="item"><a href="#">吉林</a></div>
                        <div class="item"><a href="#">黑龙江</a></div>
                        <div class="item"><a href="#">内蒙古</a></div>
                        <div class="item"><a href="#">江苏</a></div>
                        <div class="item"><a href="#">山东</a></div>
                        <div class="item"><a href="#">安徽</a></div>
                        <div class="item"><a href="#">浙江</a></div>
                        <div class="item"><a href="#">福建</a></div>
                        <div class="item"><a href="#">湖北</a></div>
                        <div class="item"><a href="#">湖南</a></div>
                        <div class="item"><a href="#">广东</a></div>
                        <div class="item"><a href="#">广西</a></div>
                        <div class="item"><a href="#">江西</a></div>
                        <div class="item"><a href="#">四川</a></div>
                        <div class="item"><a href="#">海南</a></div>
                        <div class="item"><a href="#">贵州</a> </div>
                        <div class="item"><a href="#">云南</a></div>
                        <div class="item"><a href="#">西藏</a></div>
                        <div class="item"><a href="#">陕西</a></div>
                        <div class="item"><a href="#">甘肃</a></div>
                        <div class="item"><a href="#">青海</a></div>
                        <div class="item"><a href="#">宁夏</a></div>
                        <div class="item"> <a href="#">新疆</a></div>
                        <div class="item"><a href="#">港澳</a></div>
                        <div class="item"><a href="#">台湾</a></div>
                        <div class="item"><a href="#">钓鱼岛</a></div>
                        <div class="item"><a href="#">海外</a></div>
                    </div>
                    <div class="lm2">
                    </div>
                    <div class="lm3">
                    </div>
                </div>
            </div>


            <ul class="user">
                <li>
                    <a href="#">你好，请登录</a>
                    <a href="#">免费注册</a>
                </li>
                <li class="space"></li>
                <li>
                    <a href="#">我的订单</a>
                </li>
                <li class="space"></li>
                <li class="down">
                    <a href="#">我的京东<span>&#xe611;</span></a>

                </li>
                <li class="space"></li>
                <li>
                    <a href="#">京东会员</a>
                </li>
                <li class="space"></li>
                <li class="down">
                    <a href="#">企业采购</a>
                    <span>&#xe611;</span>
                </li>
                <li class="space"></li>
                <li class="down">
                    <a href="#">商家服务</a>
                    <span>&#xe611;</span>
                </li>
                <li class="space"></li>
                <li class="down">
                    <a href="#">商家服务</a>
                    <span>&#xe611;</span>
                </li>
                <li class="space"></li>
                <li class="down">
                    <a href="#">网站导航</a>
                    <span>&#xe611;</span>
                </li>
                <li class="space"></li>
                <li>
                    <a href="#">手机京东</a>
                </li>
                <li class="space"></li>
                <li>
                    <a href="#">网站无障碍</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- header -->
    <div class="header">
        <div class="w">
            <div class="logo">
                <a href="#">
                    <img src="./img/logo.jpg
                    " alt="">
                </a>
            </div>
            <!-- search -->
            <div class="search">
                <div class="form">
                    <input type="text" placeholder="百雀羚套装">
                    <div class="search-btn">&#xe6e4;</div>
                    <div class="search-icon">&#xe663;</div>
                </div>

                <!-- shopping -->
                <div class="shopping">
                    <span class="shopcar">&#xe601;
                        <span class="number">0</span>
                    </span>
                    <a href="#">我的购物车</a>

                </div>
                <!-- hotwords -->
                <div class="hotwords">
                    <a href="#">苹果</a>
                    <a href="#">京东京造</a>
                    <a href="#">手机好店</a>
                    <a href="#">邮票钱币</a>
                    <a href="#">电脑万店</a>
                    <a href="#">小家电</a>
                    <a href="#">茅台特惠</a>
                </div>
                <!-- navitems -->
                <ul class="navitems">
                    <li><a href="#">秒杀</a></li>
                    <li><a href="#">京东超市</a></li>
                    <li><a href="#">优惠券</a></li>
                    <li><a href="#">京东家电</a></li>
                    <li><a href="#">京东生鲜</a></li>
                    <li><a href="#">PLUS会员</a></a>
                        <li><a href="#">进口好物</a></li>
                        <li><a href="#">品牌闪购</a></li>
                        <li><a href="#">拍卖</a></li>
                        <li><a href="#">京东云</a></li>
                </ul>
            </div>
            <div class="right_ad">
                <a href="#">
                    <img src="./img/rigad.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="banner">
        <div class="w">
            <div class="cate_meun">
                <ul>
                    <!-- 1 -->
                    <li>
                        <a href="#">家用电器</a>
                    </li>
                    <!-- 2 -->
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <!-- 3 -->
                    <li>
                        <a href="#">电脑</a>
                        <span>/</span>
                        <a href="#">办公</a>
                        <span>/</span>
                    </li>
                    <!-- 4 -->
                    <li>
                        <a href="#">家居</a>
                        <span>/</span>
                        <a href="#">家具</a>
                        <span>/</span>
                        <a href="#">家装</a>
                        <span>/</span>
                        <a href="#">厨具</a>
                    </li>
                    <!-- 5 -->
                    <li>
                        <a href="#">男装</a>
                        <span>/</span>
                        <a href="#">女装</a>
                        <span>/</span>
                        <a href="#">童装</a>
                        <span>/</span>
                        <a href="#">内衣</a>

                    </li>
                    <!-- 6 -->
                    <li>
                        <a href="#">美妆</a>
                        <span>/</span>
                        <a href="#">个护清洁</a>
                        <span>/</span>
                        <a href="#">宠物</a>
                    </li>
                    <!-- 7 -->
                    <li>
                        <a href="#">女鞋</a>
                        <span>/</span>
                        <a href="#">箱包</a>
                        <span>/</span>
                        <a href="#">钟表</a>
                        <span>/</span>
                        <a href="#">珠宝</a>

                    </li>
                    <!-- 8 -->
                    <li>
                        <a href="#">男鞋</a>
                        <span>/</span>
                        <a href="#">运动</a>
                        <span>/</span>
                        <a href="#">户外</a>

                    </li>
                    <!-- 9 -->
                    <li>
                        <a href="#">房产</a>
                        <span>/</span>
                        <a href="#">汽车</a>
                        <span>/</span>
                        <a href="#">汽车用品</a>
                    </li>
                    <!-- 10 -->
                    <li>
                        <a href="#">母婴</a>
                        <span>/</span>
                        <a href="#">玩具乐器</a>

                    </li>
                    <!-- 11 -->
                    <li>
                        <a href="#">食品</a>
                        <span>/</span>
                        <a href="#">酒类</a>
                        <span>/</span>
                        <a href="#">生鲜</a>
                        <span>/</span>
                        <a href="#">特产</a>
                    </li>
                    <!-- 12 -->
                    <li>
                        <a href="#">艺术</a>
                        <span>/</span>
                        <a href="#">礼品鲜花</a>
                        <span>/</span>
                        <a href="#">农资绿植</a>
                    </li>
                    <!-- 13 -->
                    <li>
                        <a href="#">医药保健</a>
                        <span>/</span>
                        <a href="#">计生情趣</a>
                    </li>
                    <!-- 14 -->
                    <li>
                        <a href="#">图书</a>
                        <span>/</span>
                        <a href="#">文娱</a>
                        <span>/</span>
                        <a href="#">教育</a>
                        <span>/</span>
                        <a href="#">电子书</a>
                    </li>
                    <!-- 15 -->
                    <li>
                        <a href="#">机票</a>
                        <span>/</span>
                        <a href="#">酒店</a>
                        <span>/</span>
                        <a href="#">旅游</a>
                        <span>/</span>
                        <a href="#">生活</a>
                    </li>
                    <!-- 16 -->
                    <li>
                        <a href="#">众筹</a>
                        <span>/</span>
                        <a href="#">白条</a>
                        <span>/</span>
                        <a href="#">保险</a>
                        <span>/</span>
                        <a href="#">企业金融</a>
                    </li>
                    <!-- 17 -->
                    <li>
                        <a href="#">安装</a>
                        <span>/</span>
                        <a href="#">维修</a>
                        <span>/</span>
                        <a href="#">清洗</a>
                        <span>/</span>
                        <a href="#">二手</a>
                    </li>
                    <!-- 18 -->
                    <li>
                        <a href="#">工业品</a>
                    </li>
                </ul>
            </div>
            <div class="slider_list">
                <div class="slider_but">
                    <button class="sliderl"><span>&#xe7e1;</span></button>
                    <button class="sliderr"><span>&#xe7df;</span></button>
                </div>
                <a href="#"><img src="./img/zyy.webp" alt=""></a>
            </div>
            <div class="img_list">
                <a href="#"><img src="/img/b1.webp" alt=""></a>
                <a href="#"><img src="/img/b2.webp" alt=""></a>
                <a href="#"><img src="/img/b3.webp" alt=""></a>
            </div>
            <div class="right_meun">
                <div class="j-user">
                    <div class="user-inp">
                        <div>
                            <div class="j-user-dog">
                                <a href="#"><img src="/img/dog.png" alt=""></a>
                            </div>
                            <div class="j-user-show">
                                <a href="#">嗨~ 欢迎逛京东！</a>
                                <p>
                                    <a href="#">登录</a> &nbsp;|&nbsp;
                                    <a href="#">注册</a>
                                </p>
                            </div>
                        </div>
                        <div class="j-user-por">
                            &nbsp; &nbsp;
                            <div class="j-user-por-lk"> <a href="#">新人福利</a></div>
                            <div class="j-user-por-pl"> <a href="#">PLUS会员</a></div>
                        </div>
                    </div>
                </div>
                <div class="j-news">
                    <div class="news2">
                        <div class="news-hd">
                            <h5 class="news-tit">京东快报</h5>
                            <a href="#">更多<span>&#xe7df;</span></a>
                        </div>
                        <ul class="news-list">
                            <li>
                                <a href="#"><span class="nl-t">HOT</span>白色地砖不耐脏？这款洗地机买来用一下！</a>
                            </li>
                            <li>
                                <a href="#"> <span class="nl-t">最新</span>康巴赫全新升级六代炒锅震撼来袭</a>
                            </li>
                            <li>
                                <a href="#"><span class="nl-t">推荐</span>新国标要求高品质奶粉，近33倍乳铁蛋白很行</a>
                            </li>
                            <li>
                                <a href="#"> <span class="nl-t">热议</span>宝宝发育期要补足营养，奶粉就选君乐宝有机优萃</a>
                            </li>
                        </ul>
                    </div>

                </div>
                <div class="j-service">
                    <div class="service-entry">
                        <ul class="service-list">
                            <li class="a1">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/礼品卡.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/h礼品卡.png" alt="">
                                    </div>
                                    <span class="service_txt">礼品卡</span>
                                </a>
                            </li>
                            <li class="a2">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/企业购.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/h企业购.png" alt="">
                                    </div>
                                    <span class="service_txt">企业购</span>
                                </a>
                            </li>
                            <li class="a3">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/话费.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/h话费.png" alt="">
                                    </div>
                                    <span class="service_txt">话费</span>
                                </a>
                            </li>
                            <li class="a4">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/游戏.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/h游戏.png" alt="">
                                    </div>
                                    <span class="service_txt">游戏</span>
                                </a>
                            </li>
                            <li class="a5">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/加油卡.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/h加油.png" alt="">
                                    </div>
                                    <span class="service_txt">加油卡</span>
                                </a>
                            </li>
                            <li class="a6">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/白条.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/hbai.png" alt="">
                                    </div>
                                    <span class="service_txt">白条</span>
                                </a>
                            </li>
                            <li class="a7">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/机票.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/h飞机.png" alt="">
                                    </div>
                                    <span class="service_txt">机票</span>
                                </a>
                            </li>
                            <li class="a8">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/电影票.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/h电影.png" alt="">
                                    </div>
                                    <span class="service_txt">电影票</span>
                                </a>
                            </li>
                            <li class="a9">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/五金城.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/h五金.png" alt="">
                                    </div>
                                    <span class="service_txt">五金城</span>
                                </a>
                            </li>
                            <li class="a10">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/酒店.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/h酒店.png" alt="">
                                    </div>
                                    <span class="service_txt">酒店</span>
                                </a>
                            </li>
                            <li class="a11">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/火车票.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/H火车.png" alt="">
                                    </div>
                                    <span class="service_txt">火车票</span>
                                </a>
                            </li>
                            <li class="a12">
                                <a href="#" class="service_lk">
                                    <div class="service_ico">
                                        <img class="service_ico_img" src="/img/云主机.png" alt="">
                                        <img class="service_ico_img_hover" src="/img/h主机.png" alt="">
                                    </div>
                                    <span class="service_txt">云主机</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--j_secjill秒杀 -->
    <div class="j_secjill">
        <div class="seckill">
            <div class="seckill_inner">
                <a class="seckill_countdown" href="#">
                    <div class="countdown_title">京东秒杀</div>
                    <div>
                        <div class="countdown_desc">
                            <strong>10:00</strong> 点场 距结束
                        </div>
                        <span class=" countdown_main">
                            <span class="timmer_unit hour">
                                03
                                
                            </span>
                        <span class="timmer_unit miunte">
                            50
                            
                        </span>
                        <span class="timmer_unit second">
                            36
                        </span>
                        </span>
                    </div>
                </a>
                <div class="seckill_list">
                    <div class="slider">
                        <button class="slidercp"><span>&#xe7e1;</span></button>
                        <div class="slider_list"></div>
                        <button class="slidercn"><span>&#xe7df;</span></button>
                    </div>
                </div>
                <div class="seckill_brand"></div>
            </div>
        </div>
    </div>

</body>

</html>